<!DOCTYPE html>

<head xmlns:v-on="http://www.w3.org/1999/xhtml">
    <meta charset="UTF-8">
    <title>电影详情</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="/static/css/amazeui.min.css">
    <link rel="stylesheet" href="/static/css/petshow.css?6">
    <link rel="stylesheet" href="/static/css/animate.min.css">
    <script src="/js/jquery-3.3.1.js"></script>
    <script src="/static/js/amazeui.min.js"></script>
    <script src="/static/js/amazeui.lazyload.min.js"></script>

    <style type="text/css">
        .css2 {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 20em;
        }
    </style>


</head>
<body>

<div id="app">
<header class="am-topbar am-topbar-inverse">
    <div class="amz-container">
        <h1 class="am-topbar-brand">
            <a href="#" class="am-topbar-logo">
                <img src="/static/img//logo.png?1" alt="">
            </a>
        </h1>
        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only"
                data-am-collapse="{target: '#doc-topbar-collapse-5'}">
            <span class="am-sr-only">
                导航切换
            </span>
            <span class="am-icon-bars">
            </span>
        </button>
        <div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse-5">
            <ul class="am-nav am-nav-pills am-topbar-nav">
                <li class="am-active">
                    <a href="#">
                        首页
                    </a>
                </li>
                <li class="am-dropdown" data-am-dropdown="">
                    <a class="am-dropdown-toggle" data-am-dropdown-toggle="" href="javascript:;">
                        发现萌宠
                        <span class="am-icon-caret-down">
                        </span>
                    </a>
                    <ul class="am-dropdown-content">
                        <li>
                            <a href="#">
                                编辑推荐
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                人气排行
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                最新发布
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                语音涂鸦
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">
                        萌宠趣闻
                    </a>
                </li>
                <li>
                    <a href="#">
                        萌宠专题
                    </a>
                </li>
                <li class="am-dropdown" data-am-dropdown="">
                    <a class="am-dropdown-toggle" data-am-dropdown-toggle="" href="javascript:;">
                        萌宠服务
                        <span class="am-icon-caret-down">
                        </span>
                    </a>
                    <ul class="am-dropdown-content">
                        <li>
                            <a href="#">
                                宠物医院
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                宠物美容
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                宠物店铺
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                更多服务
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</header>
<div class="am_tuya">
    <div class="am_tuya_user">
        <div class="am_tuya_user_ico"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1535294020780&di=17ecf5b513553a8dd14a819321763a89&imgtype=0&src=http%3A%2F%2F00.imgmini.eastday.com%2Fmobile%2F20180510%2F20180510191846_4cbfd6d5651eb8f09559b1c923b56490_6.jpeg" alt=""></div>
        <div class="am_tuya_user_info">
            <div class="am_tuya_user_info_name" v-text="movie.movieName">英勇无比的查理斯</div>

        </div>
    </div>

    <div class="am_tuya_content">
        <div class="am_tuya_content_l">
            <div class="am_albums">
                <img :src="'/images/'+movie.picPath" alt="" width="70%">
            </div>

        </div>
        <div class="am_tuya_content_r">
            <ul class="am_tuya_r_info">
                <li></i>导演: <span v-text="movie.director"></span></li>
                <li class="css2"></i>作者: <span v-text="movie.writers" :title="movie.writers"></span></li>
                <li class="css2"></i>主演:<span  v-text="movie.starring" :title="movie.starring"></span></li>
                <li></i>类型: <span v-text="movie.type"></span></li>
                <li></i>制片国家/地区: <span v-text="movie.producerCountries"></span></li>
                <li></i>语言: <span v-text="movie.language"></span></li>
                <li class="css2"></i>上映日期: <span v-text="movie.releaseDate"  :title="movie.releaseDate"></span></li>
                <li></i>片长: <span v-text="movie.filmLength"></span></li>

            </ul>

        </div>
        <br>
        <p><button type="button" class="am-btn am-btn-default" @click="toBuyTicket(movie.id)">去购票</button></p>
    </div>
</div>




<footer class="am_footer">
    <div class="am_footer_con">
        <div class="am_footer_link">
            <span>关于宠物秀</span>
            <ul>
                <li><a href="###">关于我们</a></li>
                <li><a href="###">发展历程</a></li>
                <li><a href="###">友情链接</a></li>
            </ul>
        </div>


        <div class="am_footer_don">
            <span>宠物秀</span>
            <dl>
                <dt><img src="/static/img//footdon.png?1" alt=""></dt>
                <dd>一起Show我们的爱宠吧！宠物秀是图片配文字、涂鸦、COSPLAY的移动手机社区，这里有猫狗鱼龟兔子仓鼠龙猫等各种萌图。
                    <a href="###" class="footdon_pg "><div class="foot_d_pg am-icon-apple ">  App store</div></a><a href="###" class="footdon_az animated"><div class="foot_d_az am-icon-android ">  Android</div></a></dd>
            </dl>
        </div>

        <div class="am_footer_erweima">
            <div class="am_footer_weixin"><img src="/static/img//wx.jpg" alt=""><div class="am_footer_d_gzwx am-icon-weixin"> 关注微信</div></div>
            <div class="am_footer_ddon"><img src="/static/img//wx.jpg" alt=""><div class="am_footer_d_dxz am-icon-cloud-download"> 扫码下载</div></div>

        </div>

    </div>
    <div class="am_info_line">Copyright(c)2015 <span>PetShow</span> All Rights Reserved </div>
</footer>
</div>
<script>
    $(function(){
        if ($(window).width() < 600 ) {
            $('.am_list_item_text').each(
                function(){
                    if($(this).text().length >= 26){
                        $(this).html($(this).text().substr(0,26)+'...');
                    }});}[]

    });

</script>

<script src="/js/app/getUrlParam.js"></script>
<script src="/js/vue.js"></script>
<script src="/js/app/info.js"></script>
</body>
</html>